.main{
    display: flex;
    margin-bottom: .1rem;
    margin-top: .1rem;
    position: relative;
    .left{
        width: .875rem;
        background: white;
        display: flex;
        flex-direction: column;
        height: 3rem;
        position: sticky;
        top: 0.2rem;
        left: 0;
        .part{
             display: flex;
             align-items: center;
             justify-content: center;
             font-size: .09rem;
             height: .3rem;
             font-weight: bold;
             color: #2d2d2d;
             img{
                width: .2rem;
                height: .2rem;
                margin-right: .1rem;
             }
        }

        .sel{
            color:  white;
            background: #232481;
        }
        .nosel{
            color: #232481;
            background: white;
        }
    }

    .right{
    //    margin-left: .1rem;
       flex: 1;
       min-height: 5rem;
       background: white;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       padding: .1rem;
       .none{
          margin: auto;
          margin-top: 1rem;
       }
       .part{
          width: 22%;
       }
    }
   
    

}

.right-factory{
    display: flex;
    flex-direction: column;
    // border: 1px solid red;
    flex: 1;
    padding: .15rem;
    background: white;
    min-height: 5rem;
    margin-left: .1rem;
    .part{
        margin-bottom: .2rem;
    }
}